<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html">
	<f:loadBundle basename="Text" var="txt" />
<h:head>
	<title><h:outputText value="#{txt.Brand}" /></title>
	<link href="assets/bootstrap/themes/spacelab/bootstrap.min.css"
		rel="stylesheet" />
	<link href="assets/bootstrap/themes/spacelab/custom.css"
		rel="stylesheet" />

	<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
  <![endif]-->

	<script type="text/javascript" src="assets/jquery/jquery-1.11.1.min.js"></script>
	<script type="text/javascript"
		src="assets/bootstrap/js/bootstrap.min.js"></script>
</h:head>
<body>

	<div class="container">
	
		<div class="row clearfix">
			<div class="col-md-12 column">
				<nav class="navbar navbar-default navbar-inverse navbar-fixed-top"
					role="navigation">
				<div class="navbar-header">
					<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
						<span class="sr-only">Toggle navigation</span><span
							class="icon-bar"></span><span class="icon-bar"></span><span
							class="icon-bar"></span>
					</button>
					<a class="navbar-brand" href="#"><h:outputText value="#{txt.Brand}" /></a>
				</div>

				<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
					<ul class="nav navbar-nav">
						<li><a href="./">Home</a></li>
						<li><a href="add.xhtml">Add Birthday</a></li>
					</ul>
					<form class="navbar-form navbar-left" role="search" action="">
						<div class="form-group">
							<input class="form-control" type="text" />
						</div>
						<button type="submit" class="btn btn-default">Submit</button>
					</form>
				
				<ul class="nav navbar-nav navbar-right">
						<li class="dropdown"><a href="#" class="dropdown-toggle"
							data-toggle="dropdown">User<strong class="caret"></strong></a>
							<ul class="dropdown-menu">
								<li><a href="#">Account</a></li>
								<li class="divider"></li>
								<li><a href="#">Logout</a></li>
							</ul>
						</li>
					</ul>
				</div>
				</nav>
			</div>
		</div>
		
		<div class="row clearfix">
		<div class="col-md-8 column">
			<h2>
				Add Birthday
			</h2>
			<h:form class="form-horizontal">
<fieldset>

<!-- Form Name -->
<legend>Create new Entry</legend>

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="Name">Name</label>  
  <div class="col-md-4">
  <h:inputText value="#{addEntryBean.entry.name}" placeholder="John Doe" class="form-control input-md" required="" type="text" /> 
  </div>
</div>

<!-- Text input-->
<div class="form-group">
  <label class="col-md-4 control-label" for="birthday">Birthday</label>  
  <div class="col-md-4">
  <h:inputText id="date" name="Birthday" value="#{addEntryBean.entry.birthday}" placeholder="24.12.1989" class="form-control input-md" required="" type="text" >
			<f:convertDateTime pattern="d.M.yyyy" />
  </h:inputText>
  <h:message for="date" style="color:red" />
  </div>
</div>

<!-- File Button --> 
<!-- 
<div class="form-group">
  <label class="col-md-4 control-label" for="picture">Picture</label>
  <div class="col-md-4">
    <input id="picture" name="picture" class="input-file" type="file" />
  </div>
</div>
 -->

<!-- Multiple Checkboxes (inline) -->
<div class="form-group">
  <label class="col-md-4 control-label" for="Remind">Notify before Birthday</label>
  <div class="col-md-4">
    <label class="checkbox-inline" for="Remind-0">
    <h:selectBooleanCheckbox value="#{addEntryBean.entry.remind}" />
      Yes
    </label>
  </div>
</div>

<!-- Textarea -->
<div class="form-group">
  <label class="col-md-4 control-label" for="note">Note</label>
  <div class="col-md-4">  
  	<h:inputTextarea value="#{addEntryBean.entry.note}" class="form-control" />                   
  </div>
</div>

<!-- Button -->
<div class="form-group">
  <label class="col-md-4 control-label" for="submit"></label>
  <div class="col-md-4">
  	<h:commandButton action="#{addEntryBean.saveNewEntry()}" value="Submit" name="submit" class="btn btn-default"/>
  </div>
</div>

</fieldset>
</h:form>

		</div>
		<div class="col-md-4 column">
			<div class="panel panel-primary">
				<div class="panel-heading">
					<h3 class="panel-title">
						Panel title
					</h3>
				</div>
				<div class="panel-body">
					Panel content
				</div>
				<div class="panel-footer">
					Panel footer
				</div>
			</div>
		</div>
	</div>
	</div>
</body>
</html>
